<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>


<style>
    body {
        background-image: url(../src=http---i0.hdslb.com-bfs-archive-67f00c70164ab671d3197d87cec6cf9588a9bd11.jpg&refer=http---i0.hdslb.com&app=2002&size=f9999\,10000&q=a80&n=0&g=0n&fmt=jpeg.jpeg);
        background-position: no-repeat;
        margin-right: 200px;
    }
</style>



<h1>你好世界</h1>
<p>W3School 不重复并设置位置的背景实例</p>
<p>现在开始北京图像只显示一次，并且选位置与文本分开</p>
<p>在这个例子里面，我们还在右侧添加了外边距，因此背景图片不会干扰文本</p>
</body>

</html>